<template>
  <div style="width: 300px;background-color: aquamarine;align-content: center">
    <h1>登录</h1>
    <div style="margin-top: 20px">
      <tiny-input type="password" v-model="data.input" show-password></tiny-input>
    </div>
  </div>
  <div>
    <tiny-button @click="router.push('/')">点击跳转home</tiny-button>
  </div>
</template>

<script setup>
import {reactive, ref} from 'vue'
import {TinyInput, TinyButton} from '@opentiny/vue'
import router from "@/router/index.js";

const data = reactive({
  input: '',
  id: router.currentRoute.value.query.id,
})
console.log('id is:'+data.id);
</script>

<style scoped>

</style>